body {
    color: #fb5;
    background-color: #334;
  }

  /* 设置超链接样式 */
  a:link {
    color: #445;
    background-color: #eb6;
  }
  a:visited {
    color: #345;
    background-color: #eb6;
  }
  a:hover {
    color: #667;
    background-color: #fb5;
  }
  a:active {
    color: #778;
    background-color: #ec8;
  }
  /* 设置头部区域样式 */
  header {
    color: #ec8;
    background-color: #334;
    border-color: #667;
  }
  /* 设置导航区域样式 */
  header nav {
    color: #455;
    background-color: #789;
    border-color: #667;
  }
  /* 设置内容区域样式 */
  article {
    color: #223;
    background-color: #edc;
    border-color: #667;
  }
  header nav ul {
    border-color: #99a;
  }
  header nav a:link,header nav a:visited {
    color: #eef;
    background-color: transparent;
    border-color: #99a;
  }
  header nav a:hover {
    color: #445;
    background-color: #eb6;
  }
  header nav a:active {
    color: #667;
    background-color: #ec8;
  }
  article img {
    border-color: #ba9;
    outline-color: #dcb;
  }
  #imagegallery a {
    background-color: transparent;
  }
  
  /* 添加here类样式，突出显示：访客就能知道"现在在这里" */
  header nav a.here:link,
  header nav a.here:visited,
  header nav a.here:hover,
  header nav a.here:active {
    color: #eef;
    background-color: #799;
  }
  
  th {
    color: #edc;
    background-color: #455;
  }
  tr td {
    color: #223;
    background-color: #eb6;
  }
  tr.odd td {
    color: #223;
    background-color: #ec8;
  }
  tr.highlight td {
    color: #223;
    background-color: #cba;
  }
  
  input.placeholder {
    color: grey;
  }